<template>
  <div>
    <div class="warp">
      <div class="warp-l">
        <span>编号:2349</span>
      </div>
      <div class="warp-r">
        <a href="#">编辑</a>
        <a href="#">预览</a>
        <a href="#">上架</a>
      </div>
    </div>

    <div class="warp-c">
        <div class="ball-t ball"></div>
        <div class="ball-r ball"></div>
        <div class="ball-b ball"></div>
        <div class="ball-l ball"></div>
      <div class="content clear">
        <div class="content-l">
          <img src="../assets/img/sooc.png">
        </div>

        <div class="content-r">
          <div class="fill">
            <i class="icon iconfont icon-multilayer"></i>
            <input type="text" name="" placeholder="请输入标题">
          </div>
          <div class="fill fill-bottom">
            <i class="icon iconfont icon-miaoshucopy"></i>
            <input type="text" name="" placeholder="请输入标题">
          </div>
          <div class="dear">亲，分享发布记得填写以上内容哦</div>
        </div>
      </div>

      <div class="dotted">
      </div>

      <div class="share clear">
        <div class="share-l">
          <img src="../assets/img/ewm.png" alt="">
        </div>
        <div class="share-r">
          <div class="share-title">手机打开以下社交媒体，扫一扫二维码，分享给更多人</div>
          <div class="share-social">
            <ul>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
          </div>
          <div class="share-url">
            <span>网络地址</span>
            <span>http://sooc.iclass.cn/view/8127</span>
            <a href="javascript:;">复制链接</a>
          </div>
          <div class="share-prompt">
            提示：此链接可以发送给朋友，也可在编辑其他项目时嵌套使用
          </div>
        </div>

      </div>

      <div class="dotted">
      </div>
      <div class="bottom-list">
        <ul>
          <li>
            <i class="icon iconfont icon-iconset0207"></i>
            <span>限制访问</span>
          </li>
          <li>
            <i class="icon iconfont icon-naozhong"></i>
            <span>开放时间</span>
          </li>
          <li>
            <i class="icon iconfont icon-tongji"></i>
            <span>统计</span>
          </li>
          <li>
            <i class="icon iconfont icon-fuzhi"></i>
            <span>复制</span>
          </li>
          <li>
            <i class="icon iconfont icon-shanchu"></i>
            <span>删除</span>
          </li>
          <li>
            <i class="icon iconfont icon-icon-"></i>
            <span>下载</span>
          </li>
          <li>
            <i class="icon iconfont icon-xinhao1"></i>
            <span>推送</span>
          </li>
        </ul>

      </div>
    </div>
  </div>
</template>

<script>
  export default {};

</script>

<style lang="scss" scoped>
  @import "../assets/css/success.scss";

</style>
